import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import PxToVw from 'postcss-px-to-viewport'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
    plugins: [react(), tailwindcss(),],
    // 跨域配置
    server: {
        proxy: {
            '/api': {
                target: 'http://10.59.9.18/health',
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, ''),
            },
        }
    },
    // 适配方案配置
    css: {
        postcss: {
            plugins: [
                PxToVw({
                    unitToConvert: 'px',// 需要转换的单位，默认为px
                    viewportWidth: 370,// 设计稿的视口宽度（根据设计稿尺寸设置）
                    unitPrecision: 5,// 转换后的精度，小数点后保留位数
                    propList: ['*'],// 需要转换的CSS属性列表，*代表全部属性
                    viewportUnit: 'vw',// 希望使用的视口单位（vw/vh）
                    fontViewportUnit: 'vw',// 字体使用的视口单位
                    selectorBlackList: [],// 忽略的选择器（保留px单位）
                    minPixelValue: 1,// 最小的转换像素值（小于该值不转换）
                    mediaQuery: false,// 是否转换媒体查询中的px
                    replace: true,// 是否直接替换而不添加备用单位
                    exclude: [],// 排除的文件/目录（正则表达式）
                    landscape: false,// 是否处理横屏模式
                    landscapeUnit: 'vw',    // 横屏模式使用的单位        
                    landscapeWidth: 568 // 横屏模式使用的视口宽度
                })
            ]
        }
    },
})
